<template>
<transition name="fade">
  <div class="box">
    <div class="grow-header">
      <router-link to="/time" tag="i" class="iconfont icon-fanhui"></router-link>
      <h2>成就</h2>
    </div>
    <div class="grow-content">
      暂无成就称号
    </div>
  </div>
</transition>
</template>

<style lang="scss">
@import '@/lib/reset.scss';
.grow-header {
  @include rect(100%, 0.42rem);
  background: #f8eaca;
  line-height: 0.42rem;
  i {
    float: left;
    font-size: 0.16rem;
    width: 0.3rem;
    text-align: center;
    font-weight: 700
  }
  h2 {
    float: left;
    width:80%;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 500;
  }
}
.grow-content {
  @include rect(100%, 100%);
  overflow: auto;
  text-align: center;
  padding-top: 0.1rem;
}
</style>
